function Thematic_map(obj){
		document.onselectstart = function(){return false;};//禁止选中文本。
		var _this=this;

		Array.prototype.remove = function(val) { 
			for(var i=0; i<this.length; i++) {   
				if(this[i] == val) {     
					this.splice(i, 1);    
					break;
				} 
			}
		};

		/**相关数据 (外层judge判断有无子模块，内层judge是判断该子模块是否多选,(key表示识别特殊选择条件内的每个小模块 "judge_表示该模块的多选"),分别对应自定义属性 data-judge1 和 data-judge2 ) **/
		this.Thematic_data={
			country_province:{
				judge:true,
				name:'公路基础数据',
				content:{
					CP_basics:{
						judge:true,
						judge_:false,
						key:null,
						name:'基础数据',
						content:[
							{value:'公路管理机构',code:'gonglugljgLayer'},
							{value:'超限检测站',code:'cxjcLayer'},
							{value:'公路收费站',code:'glsfzLayer'},
							{value:'路政许可',code:'lzxkLayer'},
							{value:'主要桩号',code:'zyzhLayer'},
							{value:'行政中心',code:'xzzxLayer'},
							{value:'桥梁',code:'qiaoliangLayer'},
							{value:'交通量调查',code:'jtldcLayer'},
							{value:'隧道',code:'suidLayers'}
						]
					},
					CP_roadType:{
						judge:true,
						judge_:false,
						key:null,
						name:'道路类型',
						content:[
							{value:'高速',code:'gsdlLayer'},
							{value:'国道',code:'gddlLayer'},
							{value:'省道',code:'sddlLayer'},
							{value:'县道',code:'xddlLayer'},
							{value:'乡道',code:'xiangddlLayer'}
						]
					}
				}
			},
			highway_condition:{
				judge:true,
				name:'公路路况检测',
				content:{
					HC_year:{
						judge:false,
						judge_:false,
						key:'year',
						name:'年份',
						content:[
							{value:'2011',code:'2011'},
							{value:'2013',code:'2013'},
							{value:'2015',code:'2015'}
						]
					},
					HC_roadType:{
						judge:true,
						judge_:true,
						key:'roadtype',
						name:'道路类型',
						content:[
							//{value:'高速',code:'gsdlLayer'},
							{value:'国道',code:'GdInspect',code_:'gd'},
							{value:'省道',code:'ShengdInspect',code_:'sd'},
							{value:'县道',code:'XdInspect',code_:'xd'},
							{value:'乡道',code:'XiangdInspect',code_:'yd'}
						]
					}
//					HC_evaluation:{
//						judge:false,
//						judge_:false,
//						key:'evaluation',
//						name:'道路路况检测指标',
//						content:[
//							{value:'MQI',code:'MQI'},
//							{value:'PCI',code:'PCI'},
//							{value:'RQI',code:'RQI'},
//							{value:'SCI',code:'SCI'},
//							{value:'PQI',code:'PQI'},
//							{value:'TCI',code:'TCI'}
//						]
//					}
				}
			},
			highway_condition_echarts:{
				judge:true,
				name:'公路路况检测（柱状图）',
				content:{
					HC_year:{
						judge:false,
						judge_:false,
						key:'year2',
						name:'年份',
						content:[
							{value:'2011',code:'11'},
							{value:'2013',code:'13'},
							{value:'2015',code:'15'}
						]
					},
					HC_roadType:{
						judge:true,
						judge_:true,
						key:'roadtype2',
						name:'道路类型',
						content:[
							{value:'国道',code:'gd',code_:'gd'},
							{value:'省道',code:'sd',code_:'sd'}
						]
					},
					HC_evaluation:{
						judge:false,
						judge_:false,
						key:'evaluation',
						name:'道路路况检测指标',
						content:[
							{value:'MQI',code:'MQI'},
							{value:'PCI',code:'PCI'},
							{value:'RQI',code:'RQI'},
							{value:'SCI',code:'SCI'},
							{value:'PQI',code:'PQI'},
							{value:'TCI',code:'TCI'}
						]
					},
					HC_disposalState:{
						judge:false,
						judge_:true,
						key:'sxx',
						name:'上下行',
						content:[
							{value:'上行',code:'Up'},
							{value:'下行',code:'Down'}
						]
					}
				}
			},
			road_maintenance:{
				judge:false,
				name:'国省检专题',
				content:[
					{value:'标志标线'},
					{value:'平交口渠化'},
					{value:'应急管理中心'}
				]
			},
			large_medium:{
				judge:false,
				name:'生命防护',
				content:[
					{value:'道路线形'},
					{value:'路口路段类型'},
					{value:'道路护栏隔离'},
					{value:'中央隔离设施'},
					{value:'防护设施'},
					{value:'路段安全设施信息'},
					{value:'公路路侧'}
				]
			},
			protect_condition:{
				judge:true,
				name:'公路安全',
				content:{
					PC_year:{
						judge:false,
						judge_:false,
						key:'pc_year',
						name:'排查时间',
						content:[
							{value:'2015',code:'2015'},
							{value:'2017',code:'2017'}
						]
					},
					PC_roadType:{
						judge:true,
						judge_:true,
						key:'pc_roadtype',
						name:'道路类型',
						content:[
							{value:'国道',code:'protectGddlLayer'},
							{value:'省道',code:'protectSddlLayer'},
							{value:'县道',code:'protectXddlLayer'},
							{value:'乡道',code:'protectXiangddlLayer'}
						]
					},
					PC_disposalState:{
						judge:true,
						judge_:true,
						key:'pc_disposalstate',
						name:'案件处置状态',
						content:[
							{value:'未处置',code:'0'},
							{value:'处置中',code:'1'},
							{value:'已验收',code:'2'}
						]
					}
				}
			},

		};

		/**公路路况检测 数据容器(gis图层添加)**/
		this.roadData={
			year:[],
			roadtype:[]
		};
		/**公路路况检测 数据容器(gis图层删除)**/
		this.removeRoadData={
			2011:{
				GdInspect:'GdInspect2011',
				ShengdInspect:'ShengdInspect2011',
				XdInspect:'XdInspect2011',
				XiangdInspect:'XiangdInspect2011'
			},
			2013:{
				GdInspect:'GdInspect2013',
				ShengdInspect:'ShengdInspect2013',
				XdInspect:'XdInspect2013',
				XiangdInspect:'XiangdInspect2013'
			},
			2015:{
				GdInspect:'GdInspect2015',
				ShengdInspect:'ShengdInspect2015',
				XdInspect:'XdInspect2015',
				XiangdInspect:'XiangdInspect2015'
			}
		};
		/**公路路况检测 数据容器(gis柱状图层添加)**/
		this.echartsRoadData={
			year2:[],
			roadtype2:[],
			evaluation:[],
			sxx:[]
		};
		/**公路路况检测 数据容器(gis图层删除)**/
		this.removeEchartsRoadData={
			2011:{
				GdInspect:'g11',
				ShengdInspect:'s11'
			},
			2013:{
				GdInspect:'g13',
				ShengdInspect:'s13'
			},
			2015:{
				GdInspect:'g15',
				ShengdInspect:'s15'
			}
		};
		/**公路路况检测 数据展示(底部表格)**/
		this.dataShowColor={
			'优':['#008400'],
			'良':['#0200F5'],
			'中':['#FFFF02'],
			'次':['#FF9201'],
			'差':['#F8010C'],
			'/':['#aaa']
		};
		/**分页起止桩号容器**/
		this.ZHcont={
				start:[],
				end:[],
				upDown:[]
		};

		/**生命安全防护 。 容器**/
		this.pc_content={
			year:[],
			dataLayer:[],
			state:[]
		};

		/**生命安全防护 。 数据**/
		this.pc_data=null;

		/**生命安全防护 。 url**/
		this.pc_yearDataUrl=appConfig.contPath+'/lifeProject/lifeCherishList.do?filter_ORS_technicalLevel=1;2;3;4&filter_EQS_year=';
		
		/**生命安全防护 。 年份**/
		$.ajax({url:appConfig.contPath+'/lifeProject/years.do',
				type:'get',dataType:"json",
				beforeSend:function(){Loding("show");},
				complete:function(data){
					Loding("hide");
					var jsonData=JSON.parse(data.responseText);
					_this.pc_yearData = jsonData;
					_this.defaultFun(									//默认加载gis图层部分
							_this.main,
							_this.tic_img,
							_this.tic_txt,
							_this.ticContent
						   );
				}});

		/**Function()**/
		this.main=document.getElementById(obj);				//获取目标元素
		this.create(										//页面构造
					this.main,
					this.Thematic_data
				   );								
		this.tic_map_click(									//主体(专题地图按钮)点击事件
						   _this,
						   this.main,						
						   this.tic_img,
						   this.tic_txt,
						   this.ticContent
						  );
		this.tic_map_module(								//专题地图 各模块选择
							_this,
							this.ticContent
						   );
		this.tic_map_interactive(							//Gis交互
								  _this,
								  this.ticContent
							    );
//		this.defaultFun(									//默认加载gis图层部分
//						this.main,
//						this.tic_img,
//						this.tic_txt,
//						this.ticContent
//					   );
		
	};
	Thematic_map.prototype={
		/*----页面构造区----*/
		create:function(cre,data){
			//--主体--
			this.tic_img = this.createElement('div','tic_img');
			this.tic_txt = this.createElement('div','tic_txt');
			this.tic_txt.innerHTML='专题地图';
			//--专题地图容器--
			this.ticContent = this.createElement('ul','ticContent');
			//--底部指标展示表格--
			this.DataShow = this.createElement('div','zb_dataShow');
			document.getElementsByTagName('body')[0].appendChild(this.DataShow);
			//--专题地图 各模块构造--
			var cLii=0;
			for(var key in data){
				//-主体部分-
				var cLi = this.createElement('li');
				cLi.setAttribute('data-sign',cLii);
				var cDiv = this.createElement('div');
				var creareP = this.createElement('p');
				creareP.className='c_p';
				cDiv.appendChild(creareP);
				cLi.innerHTML='<p class="txt">'+data[key].name+'</p><p class="tic_ico"></p>';

				//-内容部分-
				if(data[key].judge){

					 //>>有子模块的模块 构造
					 for(var k in data[key].content){

						//子模块的标题 和 容器
						var cP = this.createElement('p');cP.innerHTML=data[key].content[k].name;cP.className='t';
						var cP_list = this.createElement('p');cP.innerHTML=data[key].content[k].name;cP_list.setAttribute('data-judge1',data[key].judge);

						//子模块容器的内容创建
						for(var i=0;i<data[key].content[k].content.length;i++){
							var cSpan = this.createElement('span');
							cSpan.innerHTML=data[key].content[k].content[i].value;

							//自定义属性赋值
							for(var k_ in data[key].content[k].content[i]){
								//code
								if(k_!='value')cSpan.setAttribute('data-'+k_,data[key].content[k].content[i][k_]);
								//title
								cSpan.setAttribute('data-title',data[key].name);
							}
							
							//子模块容器的内容赋值
							cP_list.appendChild(cSpan);cP_list.setAttribute('data-judge2',data[key].content[k].judge);
							cP_list.appendChild(cSpan);cP_list.setAttribute('data-judge3',data[key].content[k].judge_);
							cP_list.appendChild(cSpan);cP_list.setAttribute('data-key',data[key].content[k].key);
						}
						creareP.appendChild(cP);creareP.appendChild(cP_list);
					 }
				}else{

					//>>无子模块的模块 构造
					for(var i=0;i<data[key].content.length;i++){

						var cSpan = this.createElement('span');
						cSpan.innerHTML=data[key].content[i].value;

						//自定义属性赋值
						for(var k_ in data[key].content[i]){
							//code
							if(k_!='value')cSpan.setAttribute('data-'+k_,data[key].content[i][k_]);
							//title
							cSpan.setAttribute('data-title',data[key].name);
						}
						
						//容器的内容赋值
						creareP.appendChild(cSpan);creareP.setAttribute('data-judge1',data[key].judge)
					}

				}

				this.ticContent.appendChild(cLi);this.ticContent.appendChild(cDiv);cLii++;
			}

			//--addElement--
			cre.appendChild(this.tic_img);
			cre.appendChild(this.tic_txt);
			cre.appendChild(this.ticContent);
			
		},

		/*----流程控制区----*/

		//专题地图容器 显示、隐藏
		tic_map_click:function(_this,main,img,txt,ticC){
			//显示、隐藏
			main.onclick=function(){
				if(this.className=='on'){
					this.className='';img.className='';txt.className='';ticC.className='';
				}else{
					this.className='on';img.className='on';txt.className='on';ticC.className='on animated zoomIn';
				}
				
				//初始化
				for(var j=0;j<ticC.getElementsByTagName('li').length;j++){
					ticC.getElementsByTagName('li')[j].className='';
					ticC.getElementsByTagName('div')[j].style.height='0';
				}
				
				_this.DataShow.className="";//gis底部表格隐藏
				document.getElementById('echartsShow').className='';//echarts hide
				//清除所有交互按钮样式
				_this.clearBtn();
				
				//----初始化搜索框 start----
				removeAllLayer();//初始化
				document.getElementById('inputBox').value='';
				document.getElementById('clearButton').className='on';
				document.getElementById('clearButton').title='';
				document.getElementById('search_condition').style.display='none';
				
				if(Search_box.timer)clearTimeout(Search_box.timer);
				document.getElementById('data_show_c').innerHTML='';
				document.getElementById('data_show').className='';
				document.getElementById('data_show').style.height='auto';
				document.getElementById('screening').className='';
				//----初始化搜索框end----
				
				document.getElementById('Legend').style.display='none';//初始化图例
				document.getElementById('zxtLegend').style.display='none';//初始化图例
				
				//初始化大标题
				$(".gis_title").fadeOut(300);
				
			}
			
			//阻止冒泡
			ticC.onclick=function(e){
				var e = e || event;e.stopPropagation ? e.stopPropagation() : e.cancelBubble = !0;
			};
		},

		//专题地图 各模块选择
		tic_map_module:function(_this,ticC){
			
			for(var i=0;i<ticC.getElementsByTagName('li').length;i++){

				ticC.getElementsByTagName('li')[i].index=i;
				ticC.getElementsByTagName('li')[i].onclick=function(){
					
					//初始化大标题
					$(".gis_title").fadeOut(300);

					//清空生命安全防护容器
					_this.pc_content.year=[];
					_this.pc_content.dataLayer=[];
					_this.pc_content.state=[];

					//根据指标渲染地图 取消
					randerRoadByQuota();
					document.getElementById('echartsShow').className='';//echarts hide
					_this.DataShow.className="";//gis底部表格隐藏
					//清空gis图层相关容器（公路路况检测）
					_this.roadData.year=[];
					_this.roadData.roadtype=[];
					//清空gis柱形图层相关容器（公路路况检测）
					_this.echartsRoadData.year2=[];
					_this.echartsRoadData.roadtype2=[];
					_this.echartsRoadData.evaluation=[];
					_this.echartsRoadData.sxx=[];
					
					removeAllLayer();//初始化

					var judge;
					judge=this.className=='on'?true:false;
					
					//隐藏所搜模块内容
					for(var j=0;j<ticC.getElementsByTagName('li').length;j++){
						ticC.getElementsByTagName('li')[j].className='';
						ticC.getElementsByTagName('div')[j].style.height='0';
					}
					
					//打开当前模块内容
					this.className=judge?'':'on';
					
					//图例展示和隐藏
					var temp = document.getElementById('Legend');
					if(this.getAttribute('data-sign')==0){this.className=='on'?temp.style.display='block':temp.style.display='none';}
					else{temp.style.display='none';}
					
					//柱形图 - 图例展示和隐藏
					var temp_ = document.getElementById('zxtLegend');
					if(this.getAttribute('data-sign')==2){this.className=='on'?temp_.style.display='block':temp_.style.display='none';}
					else{temp_.style.display='none';}
					
					//自定义模块内容高度
					var target = ticC.getElementsByTagName('div')[this.index];

					var H = _this.getByClass(target,'c_p')[0].offsetHeight;
					
					target.style.height=judge?'0':H+'px';
					
					
					//生命安全防护 。 动态年份 构造
					if(this.getAttribute('data-sign')==5){
						var target = $('#ticContent .c_p')[this.getAttribute('data-sign')];
						target.getElementsByTagName('p')[1].innerHTML='';
						for(var y=0;y<_this.pc_yearData.length;y++){
							var cSpan = _this.createElement('span');
							cSpan.setAttribute('data-title',_this.Thematic_data.protect_condition.name);//公路安全title
							cSpan.setAttribute('data-code',_this.pc_yearData[y]);
							cSpan.innerHTML=_this.pc_yearData[y];
							target.getElementsByTagName('p')[1].appendChild(cSpan);
						}
						_this.tic_map_interactive(_this,ticC);
					}

					//清除所有交互按钮样式
					_this.clearBtn();
				};
			}
		},

		/*----Gis交互区----*/

		tic_map_interactive:function(_this,ticC){
			var target = ticC.getElementsByTagName('span');
			for(var i=0;i<target.length;i++){
				target[i].index=i;
				target[i].onclick=function(){

					var oParent = this.parentNode;

					var judge;
					judge=this.className=='on'?true:false;
					
					
					if(!judge){
						//添加大标题
						if($(this).attr("data-title")){
							var dbt = $(this).attr("data-title");
							
							$(".gis_title").html("深圳市"+dbt+"专题图");
							
							$(".gis_title").css({
								"width":($(".gis_title").html().length*20)+16+"px",//18
								"left":($(window).width()-(($(".gis_title").html().length*20)+16))/2+"px"
							});
							
							$(".gis_title").fadeIn(300);
						}
					}
					

					//>>按钮 样式初始化函数封装
					function clearAllStyle(){for(var j=0;j<oParent.getElementsByTagName('span').length;j++)oParent.getElementsByTagName('span')[j].className='';}

					//>>按钮 样式
					//--有子模块的部分
					if(oParent.getAttribute('data-judge1')=='true'){
						//公路路况检测、生命安全防护
						if(oParent.getAttribute('data-judge2')=='true' && (oParent.getAttribute('data-key')!='null' && oParent.getAttribute('data-key')!='')){
				
							//多选
							if(oParent.getAttribute('data-key')=="pc_roadtype" || oParent.getAttribute('data-key')=="pc_disposalstate"){
							//生命安全防护 。 道路类型、状态
								
									if(oParent.getAttribute('data-key')=="pc_roadtype"){
										if(judge){
											_this.pc_content.dataLayer.remove(this.getAttribute('data-code'));//生命防护 删除指定 道路类型
											removeLayers(mainMapMsg[this.getAttribute('data-code')]);
										}else{
											_this.pc_content.dataLayer.push(this.getAttribute('data-code'));//生命防护 添加 道路类型
										}
									}else if(oParent.getAttribute('data-key')=="pc_disposalstate"){
										if(judge){
											_this.pc_content.state.remove(this.getAttribute('data-code'));//生命防护 删除指定 状态
										}else{
											_this.pc_content.state.push(this.getAttribute('data-code'));//生命防护 添加 状态
										}
									}
									
									removeAllLayer();
									//生命防护 构造gis图层
									if(_this.pc_content.year.length!=0){
										if(_this.pc_data!=null){		
											for(var pc=0;pc<_this.pc_content.dataLayer.length;pc++){
												addProtectLayer(mainMapMsg[_this.pc_content.dataLayer[pc]],null,_this.pc_data);
												for(var pci=0;pci<_this.pc_content.state.length;pci++){
													addProtectLayer(mainMapMsg[_this.pc_content.dataLayer[pc]],_this.pc_content.state[pci],_this.pc_data);
												}
											}
										}
									}
								
							}else
							//公路路况检测 。 道路类型
							{
								var parametersK = oParent.getAttribute('data-key');
								var parametersC = this.getAttribute('data-code');								

								if(judge){
									if(parametersK=='roadtype'){
										_this.removeArr(_this.roadData[parametersK],parametersC)										
									}else if(parametersK=='roadtype2'){
										_this.removeArr(_this.echartsRoadData[parametersK],parametersC)																				
									}
								}else{
									
									if(parametersK=='roadtype'){
										_this.roadData[parametersK].push(parametersC);								
									}else if(parametersK=='roadtype2'){
										_this.echartsRoadData[parametersK].push(parametersC);																				
									}
									
								}
								
								//gis柱形图函数调用
								if(parametersK!='roadtype')
								setRoadEcharts(_this.echartsRoadData);
								
								if(parametersK=='roadtype'){
									var c = this.getAttribute('data-code_');
									if($('#zb_dataShow').hasClass(c)){$('#zb_dataShow.'+c+'')[0].className='';}
								}
							}

						}else if(oParent.getAttribute('data-judge2')!='true' && (oParent.getAttribute('data-key')!='null' && oParent.getAttribute('data-key')!='')){

							//单选
							if(oParent.getAttribute('data-key')=="pc_year"){
							//生命安全防护 。 年份
								if(!judge){
									var dataCode = this.getAttribute('data-code');
									$.ajax({
										url:_this.pc_yearDataUrl+dataCode,
										type:'get',dataType:"json",
										beforeSend:function(){
											document.getElementById('loading').style.display="block";//loading show
										},
										complete:function(data){
											document.getElementById('loading').style.display="none";//loading hdie
											var jsonData=JSON.parse(data.responseText);

											_this.pc_data = jsonData;
											//jsonData.currentStatus  工程过程 （csA,csB,csC,csD,csE,csF）
											//csA：未实施；csB：实施计划；csC：工程设计；csD：工程实施；csE：工程验收；csF：工程验收评价；
											
											//jsonData.delStatus  项目处理状态 （dsA,dsB,dsC）
											//dsA：未处置；dsB：处置中；dsC：已验收；
											
											var csA=0,csB=0,csC=0,csD=0,csE=0,csF=0,dsA=0,dsB=0,dsC=0;
											
											for(var d=0;d<jsonData.length;d++){
												//工程过程
												switch(jsonData[d].currentStatus){
													case '0' : csA++; break;
													case '1' : csB++; break;
													case '2' : csC++; break;
													case '3' : csD++; break;
													case '4' : csE++; break;
													case '5' : csF++; break;
												}
												//项目处理状态 
												switch(jsonData[d].delStatus){
													case '0' : dsA++; break;
													case '1' : dsB++; break;
													case '2' : dsC++; break;
												}
											}
											
											//饼图(项目处理状态)
											delStatusShow({
												color:['#C23531','#2F4554','green'],
												title:'项目处理状态',
												txt:['未处置','处置中','已验收'],
												args:[
												      {value:dsA, name:'未处置'},
												      {value:dsB, name:'处置中'},
												      {value:dsC, name:'已验收'}
												     ]
											});
											
											//柱形图(工程过程)
											currentStatusShow({
												title:'工程过程',
												txt:['未实施','实施计划','工程设计','工程实施','工程验收','工程评价'],
												args:[csA,csB,csC,csD,csE,csF]
											});
											
											document.getElementById('echartsShow').className='on';//echarts show
										
											removeAllLayer();
											//生命防护 构造gis图层
											if(_this.pc_data!=null){		
												for(var pc=0;pc<_this.pc_content.dataLayer.length;pc++){
													addProtectLayer(mainMapMsg[_this.pc_content.dataLayer[pc]],null,_this.pc_data);
													for(var pci=0;pci<_this.pc_content.state.length;pci++){
														addProtectLayer(mainMapMsg[_this.pc_content.dataLayer[pc]],_this.pc_content.state[pci],_this.pc_data);
													}
												}
											}
											
											_this.pc_content.year.push("1");



										}
									});
								}else{
									removeAllLayer();
									_this.pc_content.year=[];
									document.getElementById('echartsShow').className='';//echarts hide									
								}
							}else
							//公路路况检测 。 年份
							{
								var parameterK = oParent.getAttribute('data-key');
								var parameterC = this.getAttribute('data-code');
								if(judge){
									
									if(parameterK == "year"){
										_this.removeArr(_this.roadData[parameterK],parameterC);//公路路况检测 。 年份-删除									
									}else{
										_this.removeArr(_this.echartsRoadData[parameterK],parameterC);//公路路况检测 。 其它-删除	
									}
									
								}else{
									
									if(parameterK == "year"){
										_this.roadData[parameterK][0]=parameterC;//公路路况检测 。 年份-保存	
									}else{
										_this.echartsRoadData[parameterK][0]=parameterC;//公路路况检测 。 其它-保存
									}									
									
								}
								
								//gis柱形图函数调用
								if(parameterK != "year")
								setRoadEcharts(_this.echartsRoadData);
								
								randerRoadByQuota();//根据指标渲染地图 取消
								$("#zb_dataShow").removeClass('on');
								
							}
							clearAllStyle();
						}
					}else{
						//--无子模块的部分、单选
						clearAllStyle();
					}
					
					this.className=judge?'':'on';
					//=====================================================
					//======================= Gis交互 =======================
					//=====================================================
			
					var MsgObj = mainMapMsg[this.getAttribute('data-code')];
					if(oParent.getAttribute('data-key')!="pc_disposalstate" && oParent.getAttribute('data-key')!="pc_roadtype" && oParent.getAttribute('data-key')!="pc_year" && oParent.getAttribute('data-judge1')=='true' && (oParent.getAttribute('data-key')!='null' && oParent.getAttribute('data-key')!='')){
						//公路路况检测
						
						//console.log(_this.echartsRoadData);
						
						//--gis图层添加--
						if(_this.roadData.year.length!=0 && _this.roadData.roadtype.length!=0){
							//!judge?addRoadInspect(_this.roadData.year[0],_this.roadData.roadtype):null;
							if(oParent.getAttribute("data-key")=="year"){
								removeAllLayer();
								for(var i=0;i<_this.roadData.roadtype.length;i++)
								!judge?addLayers(mainMapMsg[_this.removeRoadData[_this.roadData.year[0]][_this.roadData.roadtype[i]]]):null;
							}else{
								!judge?addLayers(mainMapMsg[_this.removeRoadData[_this.roadData.year[0]][this.getAttribute('data-code')]]):null;
							}
						}else{
							_this.DataShow.className="";//gis底部表格隐藏
						}
						
						//--gis图层移除--
						if(_this.roadData.year[0]){						
							judge?removeLayers(mainMapMsg[_this.removeRoadData[_this.roadData.year[0]][this.getAttribute('data-code')]]):null;
						}else{
							if(!_this.echartsRoadData.year2[0])
							removeAllLayer('false');
						}
						
						
						
					}else if(oParent.getAttribute('data-key')!="pc_disposalstate" && oParent.getAttribute('data-key')!="pc_roadtype" && oParent.getAttribute('data-key')!="pc_year"){
						
						//其它
						if(MsgObj){
							if(judge){
								removeLayers(MsgObj);
							}else{
								layerControl(MsgObj);
							}
						}
					}
					
					
					
					
					
					
				//end
				};
			}
		},
		//默认加载gis图层部分
		defaultFun:function(main,img,txt,ticC){
			main.className='on';
			img.className='on';
			txt.className='on';
			ticC.className='on';
			ticC.getElementsByTagName('li')[0].className='on';
			ticC.getElementsByTagName('div')[0].style.height=this.getByClass(ticC,'c_p')[0].offsetHeight+'px';
			var target = this.getByClass(ticC,'c_p')[0];
			target.getElementsByTagName('p')[3].getElementsByTagName('span')[0].className='on';
			target.getElementsByTagName('p')[3].getElementsByTagName('span')[1].className='on';
			target.getElementsByTagName('p')[3].getElementsByTagName('span')[2].className='on';
			
			layerControl(mainMapMsg['gsdlLayer']);
			layerControl(mainMapMsg['gddlLayer']);
			layerControl(mainMapMsg['sddlLayer']);
			
			$(".gis_title").html("深圳市公路基础数据专题图");
			$(".gis_title").css({
				"width":($(".gis_title").html().length*20)+16+"px",//18
				"left":($(window).width()-(($(".gis_title").html().length*20)+16))/2+"px"
			}).fadeIn(300);
		},
		/*----底部表格构造----*/
		testTable:function(result,roadType,name_){
			 this.DataShow.className="on";
			 this.DataShow.innerHTML=" ";
			 //指标表格 基本结构
			 this.DataShow.innerHTML="<div id='zb_dataShow_key'>" +
				 						 "<div class='left'>" +
					 						 "<span class='t'>道路编码：<span class='v'>"+result[0].code+"</span></span>"+
					 						 "<span class='t'>道路名称：<span class='v'>"+result[0].name+"</span></span>"+
					 						 "<span class='t'>道路类型：<span class='v'>"+roadType+"</span></span>"+
					 						 "<span class='t' id='tableType'>上下行：<span style='cursor:pointer;color:red;' class='v' id='UpDown'>"+result[0].sxx+"</span></span>"+
				 						 "</div>"+
				 						 "<div class='right'>" +
				 						 	"<div class='t'>优&nbsp;<p class='c' style='background:"+this.dataShowColor['优']+";'></p></div>"+
				 						 	"<div class='t'>良&nbsp;<p class='c' style='background:"+this.dataShowColor['良']+";'></p></div>"+
				 						 	"<div class='t'>中&nbsp;<p class='c' style='background:"+this.dataShowColor['中']+";'></p></div>"+
				 						 	"<div class='t'>次&nbsp;<p class='c' style='background:"+this.dataShowColor['次']+";'></p></div>"+
				 						 	"<div class='t'>差&nbsp;<p class='c' style='background:"+this.dataShowColor['差']+";'></p></div>"+
				 						 	"<div class='t' style='width:43px;'>没检&nbsp;<p class='c' style='background:"+this.dataShowColor['/']+";'></p></div>"+
				 						 "</div>"+
			 						 "</div>" +
			 						 "<div id='zb_dataShow_value'>" +
			 						 	"<ul id='ul1'><li class='f'></li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul2'><li class='f hd'>MQI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul3'><li class='f hd'>PQI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul4'><li class='f hd'>PCI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul5'><li class='f hd'>RQI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul6'><li class='f hd'>SCI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 	"<ul id='ul7'><li class='f hd'>TCI</li><div class='col'><div class='listCont'></div></div></ul>"+
			 						 "</div>"+
			 						 "<div id='tableBtn'>" +
			 						 	"<div class='lft'><p class='l'></p><p class='r'></p></div>"+
			 						 	"<div class='rgt'>_ / _</div>"+
			 						 "</div>"+
			 						 "<div id='ZB_describe'>" +
			 						 	"<p><span>MQI</span>： 公路技术状况指数</p>"+
			 						 	"<p><span>PQI</span>： 路面使用性能指数</p>"+
			 						 	"<p><span>PCI</span>： 路面损坏状况指数</p>"+
			 						 	"<p><span>RQI</span>： 路面行驶质量指数</p>"+
			 						 	"<p><span>SCI</span>： 路基技术状况指数</p>"+
			 						 	"<p style='border:none;'><span>TCI</span>： 沿线设施技术状况指数</p>"+
			 						 "</div>";
			 if(!result[0].sxx)document.getElementById('tableType').style.display='none';   
			 /*=============================================== 华丽的分隔符  ================================================*/
			 
			 //分页相关参数
			 var window_w = $(window).width();
			 var W = document.getElementById('zb_dataShow').offsetWidth;
			 for(var i=0;i<$('#zb_dataShow_value ul').length;i++)$('#zb_dataShow_value ul')[i].style.width=parseInt((W - 61)/36)*36+61+'px';
			 for(var i=0;i<$('#zb_dataShow_value ul').length;i++)$("#zb_dataShow_value ul .col")[i].style.width=parseInt((W - 61)/36)*36+'px';
			 $('#zb_dataShow')[0].style.width=parseInt((W - 61)/36)*36+71+'px';
			 $('#zb_dataShow')[0].style.left=(window_w-(parseInt((W - 61)/36)*36+71))/2+'px';
			 
			 var num = parseInt((W - 61)/36);//每页横向  指标展示的数量
			 var sign = 1;//分页默认为1
			 
			 var Xlength = 0;//默认县、乡道的总长度为0
			 var ContWidth = parseInt((W - 61)/36)*36;//县、乡道时 表格的每页宽度
			 var Contnum;
			 
			 if(name_=='gd' || name_=='sd'){
				 if(num>result.length)num=result.length;
				 sign_ = result.length<num?1:result.length%num==0?result.length/num:parseInt(result.length/num)+1;
			 }else if(name_=='xd' || name_=='yd'){
				 sign_ = 1;
			 }
			 
			 //表格默认展示
			 (function(_this){
				dataPaging(Thematic_map,num-1,true);
				for(var i=0;i<$('#zb_dataShow_value ul').length;i++)$("#zb_dataShow_value ul .col .listCont")[i].style.width=Xlength*36+'px';
				if(name_=='xd' || name_=='yd')sign_ = Xlength%num==0? Xlength/num:parseInt(Xlength/num)+1;
			 	$('#tableBtn .rgt').html('1/'+sign_);
				randerInspectRoad(_this.ZHcont.start[0],_this.ZHcont.end[0],roadType);//地图联动
			 })(this);
			 
			 //分页事件
			 (function(_this){
				 for(var i=0;i<$('#tableBtn .lft p').length;i++){
					 $('#tableBtn .lft p')[i].onclick=function(){
						 //取消gis弹窗
						 map.removeOverlay(popup);
						 //分页事件
						 if(this.className=='l'){
							 sign--;Contnum=sign;if(sign<1){Contnum=sign=1;}else{
								 if(name_=='gd' || name_=='sd'){
									 dataPaging(Thematic_map,num,false,sign,sign_);//国、省 分页事件
								 }else if(name_=='xd' || name_=='yd'){
									 if(sign>=1)$("#zb_dataShow_value ul .col .listCont").css("margin-left",-(Contnum-1)*ContWidth);
								 }
							 }
							 $('#tableBtn .rgt').html(sign+'/'+sign_);
							 randerInspectRoad(_this.ZHcont.start[0],_this.ZHcont.end[0],roadType);//地图联动
						 }else if(this.className=='r'){
							 sign++;Contnum=sign;if(sign>sign_){Contnum=sign=sign_;}else{
								 if(name_=='gd' || name_=='sd'){
									 dataPaging(Thematic_map,num,false,sign,sign_);//国、省 分页事件
								 }else if(name_=='xd' || name_=='yd'){
									 if(sign<=sign_)$("#zb_dataShow_value ul .col .listCont").css("margin-left",-(Contnum-1)*ContWidth);
								 }
							 }
							 $('#tableBtn .rgt').html(sign+'/'+sign_);
							 randerInspectRoad(_this.ZHcont.start[0],_this.ZHcont.end[0],roadType);//地图联动
						 }
					 };
				 }
			 })(this);
			 
			 //上下行切换事件
			 (function(_this,res){
				 document.getElementById('UpDown').onclick=function(){
					//取消gis弹窗
					 map.removeOverlay(popup);
					 //上下行切换事件
					 this.innerHTML=this.innerHTML=='上行'?'下行':'上行';
					 _this.ZHcont.upDown[0]= this.innerHTML;
					 switchInspectRoad(_this.ZHcont,roadType,res[0].name,function(result,roadType,name_){
						 _this.testTable(result,roadType,name_);
					 });
				 };
			 })(this,result);
			 
			 //分页内容封装
			 function dataPaging(_this,num,judge,sign,sign_){
				 var i=0;
				 
				 if(sign && sign>=1 && sign<=sign_){judge=true;for(var j=1;j<8;j++)$("#ul"+j+" .col").html('');/*初始化*/}
				 if(sign && sign>1){i = i+(sign-1)*num;}
				 
				 
				 
				 //桩号标记封装
				 function index(i,e,n){return '<li style="line-height:14px;cursor:pointer;background:url(/gsj/styles/images/gisTable-bg.png) center bottom no-repeat;" title="该段路的'+n+'点桩号为：'+result[i][e]+'">'+result[i][e]+'</li>';}
				 function index_(i,e,e_,n){return '<li style="line-height:14px;cursor:pointer;background:url(/gsj/styles/images/gisTable-bg.png) center bottom no-repeat;"'+
					 						   'title="该段路的'+n+'起点桩号为：'+result[i][e]+n+'止点桩号为：'+result[i][e_]+'">'+result[i][e_]+'</li>';}
				 //内容
				 if(judge){
					 document.getElementById('zb_dataShow').className='on';
					 for(i;i<result.length;i++){
						 //国、省道
						 if(name_=='gd' || name_=='sd'){
							 $("#zb_dataShow_value ul .col .listCont").removeClass('on');
							 if(name_=='gd'){
								 $('#zb_dataShow').addClass('gd');
							 }else{
								 $('#zb_dataShow').addClass('sd');
							 }
							 GSfun();
							 $("#ul2 .col").append('<li data-index="1" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].mqipd]+';"><i></i></li>');
							 $("#ul3 .col").append('<li data-index="2" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].pqipd]+';"><i></i></li>');
							 $("#ul4 .col").append('<li data-index="3" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].pcipd]+';"><i></i></li>');
							 $("#ul5 .col").append('<li data-index="4" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].rqipd]+';"><i></i></li>');
							 $("#ul6 .col").append('<li data-index="5" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].scipd]+';"><i></i></li>');
							 $("#ul7 .col").append('<li data-index="6" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].tcipd]+';"><i></i></li>');
						 }//县、乡道
						 else if(name_=='xd' || name_=='yd'){
							 $("#zb_dataShow_value ul .col .listCont").addClass('on');
							 if(name_=='xd'){
								 $('#zb_dataShow').addClass('xd');
							 }else{
								 $('#zb_dataShow').addClass('yd');
							 }
							 //参数
							 var Xvalue = result[i].end-result[i].start;//每条数据中的道路
							 var Xnum = Xvalue%1==0?Xvalue:parseInt(Xvalue/1)+1;//每条数据中的道路的条数
							 var BZ = result[i].mqipd=='/'?'':'------';
							 for(var h=0;h<Xnum;h++){Xlength++;}
							 
							 //append
							 for(var j=0;j<Xnum;j++){
								 
								 //头部的标志
								 if(result[i].mqipd!='/'){
									 if(Xnum==1){
										 $("#ul1 .col .listCont").append(index_(i,'start','end','&#13'));
										 //桩号存入二、
										 _this.ZHcont.start[0]=result[0]['start'];
										 _this.ZHcont.end[0]=result[0]['end'];
									 }else{
										 if(j==0){
											 //起点
											 $("#ul1 .col .listCont").append(index(i,'start','&#13起'));								 
										 }else if(j==(Xnum-1)){
											 //止点
											 $("#ul1 .col .listCont").append(index(i,'end','&#13止'));	
										 }else{
											 $("#ul1 .col .listCont").append('<li style="line-height:31px;">'+BZ+'</li>');
										 }
										 //桩号存入一、
										 if(j==0)_this.ZHcont.start[0]=result[0]['start'];
										 if(j==(Xnum-1))_this.ZHcont.end[0]=result[i]['end'];
									 } 
									
								 }
								 
								 //追加的相关内容
								 $("#ul2 .col .listCont").append('<li data-index="1" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].mqipd]+';"><i></i></li>');
								 $("#ul3 .col .listCont").append('<li data-index="2" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].pqipd]+';"><i></i></li>');
								 $("#ul4 .col .listCont").append('<li data-index="3" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].pcipd]+';"><i></i></li>');
								 $("#ul5 .col .listCont").append('<li data-index="4" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].rqipd]+';"><i></i></li>');
								 $("#ul6 .col .listCont").append('<li data-index="5" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].scipd]+';"><i></i></li>');
								 $("#ul7 .col .listCont").append('<li data-index="6" data-roadType="'+roadType+'" data-code="'+result[i].code+'" data-name="'+result[i].name+'" data-sxx="'+result[i].sxx+'" data-start="'+result[i].start+'" data-end="'+result[i].end+'" style="background:'+_this.dataShowColor[result[i].tcipd]+';"><i></i></li>');
							 }
							 //====
							 
							 
						 }
						 
						 
						 //国 省=============================================
						 function GSfun(){
							 if(sign){							 
								 if(i==sign*num+1){return;}
							 }else{
								 if(i==num+1){return;}
							 }
							 if(result[i].mqipd=='/'){
								 $("#ul1 .col").append('<li></li>');
							 }else{
								 
								 var a = 0;
								 var b = num;
								 
								 if(sign){
									 a=(sign-1)*num;
									 if(sign==sign_){
										 if(result.length%num==0){
											 b=sign*num-1;
										 }else{
											 b = result.length%num + (sign-1)*num -1;
										 }
									 }else{
										 b=sign*num-1; 
									 }
								 }
								 
								 if(i==a || i==b || i%5==0){
									 if(i==a&&i==b){
										 $("#ul1 .col").append(index_(i,'start','end','&#13'));
									 }else{
										 i==a?$("#ul1 .col").append(index(i,'start','&#13起')):null;
										 i==b?$("#ul1 .col").append(index(i,'end','&#13止')):null;									 
									 }
									 
									 (i%5==0 && i!=0)?$("#ul1 .col").append(index(i,'end','&#13止')):null;
									 
									 //桩号存入一
									 if(i==a)_this.ZHcont.start[0]=result[i]['start'];
									 if(i==b)_this.ZHcont.end[0]=result[i]['end'];
								 }else{
									 if(i<b){
										 if(result[i-1].mqipd!='/' && result[i+1].mqipd!='/'){
											 $("#ul1 .col").append('<li style="line-height:31px;">------</li>'); 
										 }else{		
											 //桩号存入二
											 if(result[0].mqipd=='/' && result[i].mqipd!='/')
											 _this.ZHcont.start[0]=result[i]['start'];
											 if(result[i+1].mqipd=='/' && result[i].mqipd!='/')
											 _this.ZHcont.end[0]=result[i]['end'];
											 
											 
											 result[i-1].mqipd=='/' && result[i+1].mqipd!='/' ? $("#ul1 .col").append(index(i,'start','&#13起')):null; 
											 result[i-1].mqipd!='/' && result[i+1].mqipd=='/' ? $("#ul1 .col").append(index(i,'end','&#13止')):null; 
										 }
									 }
								 }
							 }
						 }
						 //=============================================
					 }
				 }
				 //单元格点击联动事件调用
				 clickGisFun(result);
			 }
			 //指标点击联动事件
			 (function(){
				var t = $("#zb_dataShow_value .f");
				$(t[1]).addClass('on');
				randerRoadByQuota('MQI');//默认“MQI”
				for(var i=1;i<t.length;i++){
					t[i].onclick=function(){
						//取消gis弹窗
						map.removeOverlay(popup);
						
						//取消标志
						var z = $("#zb_dataShow_value .col li");
						for(var j=1;j<z.length;j++)
						$(z[j]).find("i").hide();
						
						//指标联动
						if($(this).hasClass('on')){
							$(this).removeClass('on');
							randerRoadByQuota();//根据指标渲染地图 取消
						}else{
							for(var j=1;j<t.length;j++){
								$(t[j]).removeClass('on');
							}
							$(this).addClass('on');
							randerRoadByQuota(this.innerHTML);//根据指标渲染地图 联动
						}
					}
				}
			 })();
			 
			 //单元格点击联动事件
			 function clickGisFun(){
//				 道路编码： code
//				 道路名称： name
//				 上下行： sxx
				 var l = $("#zb_dataShow_value .f");
				 var t = $("#zb_dataShow_value .col li");
				 t.click(function(){
					 //指标联动
					 randerRoadByQuota(l.eq($(this).attr("data-index")*1).html());
					 
					 //标志
					 for(var j=1;j<t.length;j++)
					 $(t[j]).find("i").hide();
					 $(this).find("i").show();
					 
					 //指标样式
					 for(var j=1;j<l.length;j++)
					 $(l[j]).removeClass('on');
					 l.eq($(this).attr("data-index")*1).addClass("on");
					
					 //gis交互
					 var name = $(this).attr("data-name");
					 var code = $(this).attr("data-code");
					 var sxx = $(this).attr("data-sxx");
					 var start = $(this).attr("data-start");
					 var end = $(this).attr("data-end");
					 var roadType = $(this).attr("data-roadType");
					 searchInspectSection([name,code,sxx,start,end],roadType);
				 });
			 }
			 
			 
		},
		
		/*----函数封装区----*/
		//createElements
		createElement:function(TagName,id,style,val){
			var obj=document.createElement(TagName);
			if(!id&&!style&&!val){
				return obj;
			}else if(!style&&!val){
				obj.id=id;
				return obj;
			}else if(!val){
				obj.id=id;
				obj.type=style;
				return obj;
			}else{
				obj.id=id;
				obj.type=style;
				if(style=='text'){
					obj.placeholder=val;
				}else{
					obj.value=val;
				}
				return obj;
			}
		},
		//清除所有交互按钮样式
		clearBtn:function(){
			for(var i=0;i<this.ticContent.getElementsByTagName('span').length;i++)this.ticContent.getElementsByTagName('span')[i].className='';
		},
		//addEvent
		oAddevent:function(obj,ev,fn){
			if(obj.attachEvent){
				obj.attachEvent('on'+ev,fn);
			}else{
				obj.addEventListener(ev,fn,false);
			}
		},
		//getStyle
		getStyle:function(obj,attr){
			if(obj.currentStyle){
				return obj.currentStyle[attr];
			}else{
				return getComputedStyle(obj,false)[attr];
			}
		},
		//getByClass
		getByClass:function(oParent, sClass){
			var aEle=oParent.getElementsByTagName('*');
			var aResult=[];
			var re=new RegExp('\\b'+sClass+'\\b', 'i');
			var i=0;
			
			for(i=0;i<aEle.length;i++){
				if(re.test(aEle[i].className))
				aResult.push(aEle[i]);
			}
			return aResult;
		},
		//removeArr
		removeArr:function(arr, val) {
			  for(var i=0; i<arr.length; i++) {
					if(arr[i] == val) {
					  arr.splice(i, 1);
					  break;
					}
			  }
		}
	}
var Thematic_map = new Thematic_map('ThematicMap');